<#import "../tpl/htmlTep.ftl" as html>

<@html.htmlBase checkLogin=false >
<style>
    @media (min-width: 1024px) and (max-width: 1099px) {
        html,body {
            font-size: 18px!important;
        }
    }

    @media (min-width: 1100px)and (max-width: 1279px) {
        html,body {
            font-size: 20px!important;;
        }
    }

    @media (min-width: 1280px) and (max-width: 1365px) {
        html,body {
            font-size: 22px!important;;
        }
    }

    @media (min-width: 1366px) and (max-width: 1439px) {
        html,body {
            font-size: 24px!important;;
        }
    }
    @media (min-width: 1440px) and (max-width: 1679px) {
        html,body {
            font-size: 25px!important;;
        }
    }

    @media (min-width: 1680px) and (max-width: 1918px) {
        html,body {
            font-size: 28px!important;;
        }
    }

    @media (min-width: 1919px) {
        html,body {
            font-size: 33px!important;;
        }
    }
    .bui-message-content{
        font-size: 20px;
    }
</style>
<body class="login">
<div class=" login-title">
   <div class="main-part flex middle">
       <img src="${basepath}/resource/manage/images/login.png" alt="" class="logo">
       <div class="f18 right cell-main">登录</div>
   </div>
</div>
<div class="login-wrapper mb">
    <div class="main-part flex middle">
    <div class="col-white namebox cell-main"><div class="mb name">后台登录系统</div>
    <div class="f18 lh2 nametip">厦门哲林软件科技有限</div>
        <div class="f18 lh2 nametip">为广大用户提供高品质的数码视讯产品</div></div>
    <div class="login-table">
        <form class="form-horizontal ">
        <div class="login-in mb">欢迎登录</div>
        <div class="inp-box flex mb">
            <i class="iconfont  icon-yonghu loginicon"></i>
            <input type="text" class=" inp username cell-main" name="username" placeholder="请输入账号" />
        </div>
        <div class="inp-box flex mb5">
            <i class="iconfont  icon-mima loginicon"></i>
            <input type="password" class=" inp password cell-main "  name="password" placeholder="请输入密码" />
        </div>
            <label for="">
                <input type="checkbox" class="check" checked><span class="f14">记住用户名</span></label>
         <#if errorMsg??>
            <span class="error-tips f14"><i class="iconfont icon-jinggao"></i> ${errorMsg}</span>
         </#if>
           <div class="login-btn">登录</div>

        </form>
    </div>

    </div>
</div>
<div class="end f16 center">
    Copyright  2013-2017 闽ICP备13008708号-3 厦门哲林软件科技有限公司 版权所有
</div>
<script>var _hmt = _hmt || [];(function() {  var hm = document.createElement("script");  hm.src = "https://hm.baidu.com/hm.js?9ca9ca52594abb3619e91cd33bbc89e6";  var s = document.getElementsByTagName("script")[0];   s.parentNode.insertBefore(hm, s);})();</script>
<script type="text/javascript">
    $(function(){
        document.onkeydown = function (event) {
            var e = event || window.event;
            if (e && e.keyCode == 13) {
                $('.login-btn').click();
            }
        };
        $('.login-btn').click(function(){
            var username=$('.username').val();
            var password=$('.password').val();
            if(!username||!password){
                BUI.Message.Alert('请填写完整信息', 'error');
            }
            else {
                loginin()
            }
        })
    });
    function loginin() {
        var form = document.forms[0];
        form.action = "${basepath}/rest/manage/user/login";
        form.method = "post";
        form.submit();
    }
</script>
</@html.htmlBase>
